import Image from 'next/image'

const shimmer = ``

export default function Page() {
  return (
    <div>
      <p>Data URL Placeholder</p>

      <Image
        priority
        id="data-url-placeholder-raw"
        src="/test.ico"
        width="400"
        height="400"
        placeholder={shimmer}
        alt=""
      />

      <div id="spacer" style={{ height: '1000vh' }} />

      <Image
        id="data-url-placeholder-with-lazy"
        src="/test.bmp"
        width="400"
        height="400"
        placeholder={shimmer}
        alt=""
      />
    </div>
  )
}
